<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>创建虚拟机</title>
		<link rel="stylesheet" href="../../css/index.css" /></link>
		<link rel="stylesheet" href="../../js/plugins/select/default-style/css/content_u6.css" />
	</head>
	<body>
		<div class="pop-page">
			<div class="pop-top pos-re of-h">
				<h2 class="pop-title"><a>创建虚拟机</a></h2>
				<a class="close-pop com_icon"></a>
			</div>
			<!--创建虚拟机进度显示-->
			<div class="step-show">
				<div class="step-text">
					<span class="step-itr on">虚拟机基础信息</span>
					<span class="step-itr ml-30 mr-40">选择规格配置</span>
					<span class="step-itr">选择内网IP</span>
					<i class="step-line "></i>
				</div>
			</div>
			<!--创建虚拟机相关配置选择区域-->
			<div class="pop-wrap">
				<!--第一步-->
				<div class="step-one step-box">
					<div class="pop-group">
						<label class="group-title">虚拟机名称</label>
						<div class="text-box error">
							<input type="text" class="group-text"/>
							<span class="text-error">输入格式不正确</span>
						</div>
					</div>
					<div class="pop-group">
						<label class="group-title">数量</label>
						<div class="text-box">
							<input id="virtualNum" type="text" class="group-text w-150 t-a-r" value="1"/>
							<a class="del-count num_btn"><i class="del-num-icon num_icon"></i></a>
							<a class="add-count num_btn"><i class="add-num-icon num_icon"></i></a>
						</div>
					</div>
				</div>
				<!--第二步-->
				<div class="step-two step-box d-n">
					<ul class="config-panel">
						<li class="vitual-config-item">
							<div class="config-group">
								<label class="group-title"><a name="config" id="mirrorRdo" class="checked config-radio select_icon radio_icon"></a>镜像</label>
								<div class="config-select d-ib">
									<select class="mirror-select select-normal">
										<option value="1">Window XP</option>
										<option value="2">Window7</option>
									</select>
								</div>
							</div>
							<div class="config-group">
								<label class="group-title"><a name="config" class="config-radio select_icon radio_icon"></a>快照</label>
								<div class="config-select d-ib">
									<select class="photo-select select-normal" disabled="disabled">
										<option value="1">请选择</option>
										<option value="2">Window7</option>
									</select>
								</div>
							</div>
						</li>
						<li class="vitual-config-item">
							<label class="config-title">CPU</label>
							<div class="config-list">
								<a class="config-text on">1核</a>
								<a class="config-text disabled">2核</a>
								<a class="config-text">4核</a>
								<a class="config-text">8核</a>
								<a class="config-text">32核</a>
								<input type="text" class="user-defined" placeholder="自定义"/>
								<span class="config-unit">核</span>
							</div>
						</li>
						<li class="vitual-config-item">
							<label class="config-title">内存</label>
							<div class="config-list">
								<a class="config-text on">512G</a>
								<a class="config-text">1024G</a>
								<a class="config-text">2048G</a>
								<a class="config-text">4096G</a>
								<a class="config-text">8192G</a>
								<input type="text" class="user-defined" placeholder="自定义"/>
								<span class="config-unit">GB</span>
							</div>
						</li>
						<li class="vitual-config-item">
							<div class="disk-panel">
								<label class="config-title">硬盘</label>
						        <div class="drag">
						            <div class="bar"></div>
						            <a class="drag-btn com_icon"></a>
						            <span class="start-count drag_limit">10</span>
						            <span class="end-count drag_limit">100</span>
						        </div>
								<input type="text" class="user-defined drag_count" placeholder="自定义"/>
								<span class="config-unit">GB</span>
							</div>
						</li>
					</ul>
				</div>
				<!--第三步-->
				<div class="step-three step-box d-n">
					<h2 class="ip-title">内网IP段</h2>
					<ul class="ip_body pos-re of-h">
						<li class="set-ip-item active"><a class="ip-radio select_icon radio_icon"></a>172.27.108.0/24</li>
					</ul>
				</div>
			</div>
			<!--底部按钮区域-->
			<div class="pop-foot">
				<a class="sure-set-ip pop_btn d-n">确定</a>
				<a class="next-set-ip pop_btn">下一步</a>
				<a class="back-set-ip pop_btn d-n">上一步</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../js/libs/jquery-ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../../js/libs/jquery-ui/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="../../js/libs/jquery-ui/jquery.ui.position.min.js"></script>
	<!--<script type="text/javascript" src="../../js/plugins/mouseWheel/js/jquery.mousewheel.js"></script>-->
	<script type="text/javascript" src="../../js/plugins/niceScroll/js/jquery.nicescroll.js"></script>
	<script type="text/javascript" src="../../js/plugins/drag/jquery.zlDrag.js"></script>
	<script type="text/javascript" src="../../js/plugins/select/default-style/js/jquery.zl_select_u6.js"></script>
	<script type="text/javascript" src="../../js/view/virtualManage/create_virtual.js"></script>
</html>
